const path = require("path");
module.exports = {
  plugins: {
    tailwindcss: {},
    // 使用 cnjm-postcss-px-to-viewport 规避 postcss.plugin was deprecated 警告
    // "cnjm-postcss-px-to-viewport": {
    //   viewportWidth: 2560, // 根据设计稿设定
    //   minPixelValue: 1, // 小于等于 1px 的值不转换
    //   unitPrecision: 2, // 转化精度，转换后保留位数
    //   selectorBlackList: [".ignore", ".hairlines"], // 不进行转换的类名
    //   mediaQuery: false // 是否在媒体查询中也进行转换，默认为 false
    // },
    "cnjm-postcss-px-to-viewport": {
      unitToConvert: "px", // 要转化的单位
      viewportWidth: 1920, // UI设计稿的宽度
      unitPrecision: 6, // 转换后的精度，即小数点位数
      propList: ["*"], // 指定转换的css属性的单位，*代表全部css属性的单位都进行转换
      viewportUnit: "vw", // 指定需要转换成的视窗单位，默认vw
      fontViewportUnit: "vw", // 指定字体需要转换成的视窗单位，默认vw
      selectorBlackList: ["ignore"], // 指定不转换为视窗单位的类名，
      minPixelValue: 1, // 默认值1，小于或等于1px则不进行转换
      mediaQuery: true, // 是否在媒体查询的css代码中也进行转换，默认false
      replace: true, // 是否转换后直接更换属性值
      exclude: [/mathquill/], // 设置忽略文件，用正则做目录名匹配
      landscape: false, // 是否处理横屏情况
      // 如果没有使用其他的尺寸来设计，下面这个方法可以不需要，比如vant是375的
      customFun: ({ file }) => {
        // 插件提供的自定义的方法，可用于适配不同的设计稿
        // 如基础机型横屏设计稿为2560
        // 基础机型竖屏设计稿为1920
        // M3横屏设计稿为2048
        // const isLandscapeM3 = path.join(file).includes("landscapeM3.scss"); //是否M3横屏
        // const isLandscape = path.join(file).includes("landscape.scss"); //是否是横屏
        // let  designWidth = isLandscapeM3 ? 2048 : isLandscape ? 2328 : 1600;
        let designWidth = 2048
        const url = path.join(file);
        if (url.includes("landscapeM3.scss")) { // M3
          designWidth = 2048;
        } else if (url.includes("landscapeS7.scss")) { // S7横屏
          designWidth = 2560;
        } else if (url.includes("portraitS7.scss")) { // S7竖屏
          designWidth = 1920;
        } else if (url.includes("landscape.scss")) { // S8横屏
          designWidth = 2328;
        } else if (url.includes("portrait.scss")) { // S8竖屏
          designWidth = 1600;
        } else if (url.includes("landscape2048.scss")) { // 标注横屏2048
          designWidth = 2048;
        } else if (url.includes("portrait1536.scss")) { // 标注竖屏1560
          designWidth = 1536;
        } else if (url.includes("landscape1809.scss")) { // 学练app首页左边tab栏是app的，要减去左边的宽度
          designWidth = 1788;
        } else if (url.includes("portrait1297.scss")) { // 学练app首页左边tab栏是app的，要减去左边的宽度
          designWidth = 1276;
        } else if (url.includes("landscapeS9.scss")) { // S9横屏
          designWidth = 2328;
        }
        return designWidth;
      }
    },
    autoprefixer: {
      overrideBrowserslist: ["Android >= 4.0", "iOS >= 7"]
    }
  }
};
